.page-head {
  .brand {
    padding:20px 0;
    text-align: center;
    border-bottom:1px solid #e5e5e5;

    @include min320 {
      color: green;
    }
    @include min768 {
      color: green;
    }
    @include min1024 {
      color: green;
    }
    @include min1200 {
      color: green;
    }
    @include min1440 {
      color: green;
    }
  }


}

#menu{
  width:60px;
  height:60px;
  background:#fff;
  text-align: center;
  position: fixed;
  left:40px;
  top:40px;
  z-index:900;
  display: none;
  cursor: pointer;

  &.active{
    .menu-lnk{
      background:url(../images/menu-close.png) no-repeat 50% 50% #fff;
      transform:rotate(180deg);
    }
  }
  .menu-lnk{
    display: inline-block;
    margin-top:15px;
    width:30px;
    height:30px;
    transition: all .3s ease-in;
    background:url(../images/menu-icon.png) no-repeat 50% 50% #fff;
    }
    &:hover,.active{
      .menu-lnk{
        background:url(../images/menu-close.png) no-repeat 50% 50% #fff;
        transform:rotate(180deg);
    }
  }
}
.menu-list{
  position: fixed;
  width: 90%;
  height: 60px;
  z-index: 900;
  margin: 0 auto;
  top: 40px;
  left: -3000px;
  background: #fff;
  text-align: center;
  transition: all .5s;
  &.active{
    left: 100px;
  }
  .brand-logo{
    vertical-align: middle;
    margin-top: -12px;
    margin-left:-50px;
  }
  li{
    display: inline-block;
    width: 105px;
    a{
      text-decoration: none;
      line-height: 60px;
      color: #333;
      font-size:12px;
    }
    &:hover{
      a{
        text-decoration: underline;
        color:#cc5d29;
      }
    }
  }
}